<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Page Title</title>
<link rel="stylesheet" href="includes/style.css" type="text/css" media="screen">
</head>
<body>
	<div id="header">
		<h1>Your Website</h1>
		<h2>catchy slogan...</h2>
	</div>
	<div id="navigation">
		<ul>
			<li><a href="index.php">Home Page</a></li>
			<li><a href="calculator.php">Calculator</a></li>
			<li><a href="dateform.php">Date Form</a></li>
			<li><a href="#">link four</a></li>
			<li><a href="#">link five</a></li>
		</ul>
	</div>
	<div id="content"><!-- Start of the page-specific content. -->
		<h1>Content Header</h1>
		<p>This is where the page-specific content goes. This section, and the corresponding header,
		will change from one page to the next.</p>
	<!-- End of the page-specific content. --></div>
	<div id="footer">
		<p>Copyright &copy; <a href="#">Plain and Simple</a> 2007 | Designed by</p>
		<a href="1">edg3.co.uk</a> | Sponsored by 
		<a href="http://www.opendesigns.org/">Open Designs</a> | Valid
		<a href="http://jigsaw.w3.org/css-validator/">CSS</a> &amp;
		<a href="http://validator.w3.org/">HTML5</a>
	</div>
</body>
</html>